<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2021/12/3
  Time: 8:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录界面</title>
    <link rel="stylesheet" type="text/css" href="/bookstoreOnline/static/bootstrap-4.6.0/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="/bookstoreOnline/static/css/login.css" />
</head>
<body>
<div class="operate-warp">
    <div class="op-warp login-warp" style="display: block;">
        <div class="title-warp">登录</div>
        <div class="ipt-warp">
            <form>
                <div class="form-group">
                    <label for="uname-ipt">用户名</label>
                    <input type="text" class="form-control" id="uname-ipt">
                </div>
                <div class="form-group">
                    <label for="pwd-ipt">密码</label>
                    <input type="password" class="form-control" id="pwd-ipt">
                </div>
            </form>
        </div>
        <div class="btn-warp">
            <span><button type="button" class="btn btn-primary" onclick="login()">登录</button></span>
            <span><button type="button" class="btn btn-success" onclick='change_op_warp("register")'>注册</button></span>
        </div>
    </div>

    <div class="op-warp register-warp" style="display: none;">
        <div class="title-warp">注册</div>
        <div class="ipt-warp">
            <form>
                <div class="form-group">
                    <label for="uname-ipt">用户名</label>
                    <input type="text" class="form-control" id="uname-iptr">
                </div>
                <div class="form-group">
                    <label for="pwd-ipt">密码</label>
                    <input type="password" class="form-control" id="pwd-iptr">
                </div>
                <div class="form-group">
                    <label for="pwd-ipt">确认密码</label>
                    <input type="password" class="form-control" id="conpwd-iptr">
                </div>
                <div class="form-group">
                    <label for="email-iptr">邮箱</label>
                    <input type="email" class="form-control" id="email-iptr">
                </div>
            </form>
        </div>
        <div class="btn-warp">
            <span><button type="button" class="btn btn-primary" onclick="register()">确认注册</button></span>
            <span><button type="button" class="btn btn-success" onclick='change_op_warp("login")'>登录</button></span>
        </div>
    </div>
</div>
<div class="alert alert-success alert-dismissible fade hide" id="alert-s" role="alert" style="width: 600px;text-align: center;margin:0 auto;top: 30px">
    <strong>登陆成功</strong> 欢迎管理~~~~~
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
</body>
<script src="/bookstoreOnline/static/js/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
<script src="/bookstoreOnline/static/bootstrap-4.6.0/js/bootstrap.js" type="module" charset="utf-8"></script>
<script src="/bookstoreOnline/static/bootstrap-table/bootstrap-table.js" type="module" charset="utf-8"></script>
<script src="/bookstoreOnline/static/bootstrap-table/locale/bootstrap-table-zh-CN.js" type="module" charset="utf-8"></script>
<script src="/bookstoreOnline/static/js/login.js" type="text/javascript" charset="utf-8"></script>
</html>
